import React from 'react';
import styles from './App.module.less';
import classnames from 'classnames';
import lodash from 'lodash'
const Header = (props: any) => {

  // //默认绑定---严格模式
  // function a(this: any){
  //   console.log(this); //this 指向undefined; 不是严格模式，则this指向全局对象
  // }
  // let b = 2
  // a()

  //隐试绑定
  //1
  // function foo(this: any){
  //   console.log(this); //this指向obj
  // }
  // let obj = {
  //   a:2,
  //   foo,
  // }
  // let obj2 = {
  //   a:22,
  //   obj
  // }
  // obj.foo()
  // obj2.obj.foo()

  //2
  // function foo(this: any){
  //   console.log(this); //严格模式，this指向了undefined，不是严格，则thi指向全局
  // }
  // let obj = {
  //   a:2,
  //   foo,
  // }
  // let a = obj.foo;
  // a()  //实际就是直接引用了foo函数，跟上面的默认绑定一样

  //同理
  


  return( 
    <>
    <div className={styles.red}></div>
    </>
  )
}


export default Header